<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input id="myInput" /> <button id="btn">点击</button>
    <select id="sle">
        <option value="+">加</option>
        <option value="-">减</option>
        <option value="*">乘</option>
    </select>
    <script>
        // 1.value 值的获取问题
        // 获取标签元素 
    //     var inputEle = document.getElementById("myInput");
    //     var btnEle = document.getElementById("btn");
    //     // 直接获取input框里的值 
    //     // 刷新页面的时候就执行获取 input框里的值；
    //    console.log(111);
    //     // console.log(val);
    //     btnEle.onclick = function(){
    //         // 点击btn按钮之后才会获取值 ；并且点击一次会获取一次；
    //         var val = inputEle.value;
    //         console.log(val);
    //     }

    // 2.select 框的value值问题
    var sleEle = document.getElementById("sle");
    var btnEle = document.getElementById("btn");
    btnEle.onclick=function(){
        console.log(sleEle.value);
    }


    </script>
</body>
</html>